/* component/tab/tab.wxss */

.tab-layout {
    width: 750rpx;
    height: 100rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    // padding: 10rpx 0 8rpx;
    border-top: 1rpx solid #f5f5f5;

    /*iphoneX 适配*/
    &.ipx{
        padding-bottom: 60rpx;
        height: 160rpx;
    }

    .tab-box {
        font-size: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: white;

        .icon {
            width: 40rpx;
            height: 40rpx;
        }

        .tab-text-press {
            font-size: 20rpx;
            color: #A6D7C7;
            letter-spacing: 0.3rpx;
            text-align: center;
            margin-top: 8rpx;
        }

        .tab-text {
            font-size: 20rpx;
            color: #C2C2C2;
            letter-spacing: 0.3rpx;
            text-align: center;
            margin-top: 8rpx;
        }
    }
}
